<script type="text/javascript">
$(document).ready(function(){
	$("#form-forget").hide();
});
function showForm()
{
	$("#form-forget").toggle(500);
}
/*function changePassword()
	{
		$.ajax({
			type: 'POST',
			url: '?page=loginUser&sub=changePassword',
			data:	({
						forgetEmail: $("#forgetEmail").val()
					}),
			success : function(data)
				{
					alert(data);
				}
		});
	}*/
</script>
<!-- CONTENT START -->
<div id="content">

<!-- LEFT START -->
<div id="left">
  <div id="categories"></div>
</div>
<!-- LEFT END -->

<!-- RIGHT START -->
<div id="right">
<div style="color:#903;"><?= $this -> renderStatus($alert); ?></div>
<div id="reg_container">
<h1>Login To Your Account</h1>
<div id="register">
<form name="form-login" id="form-login" action="?page=loginUser&sub=verify" method="post">

<div class="field_register">
<h2>Name</h2>
<input type="text" class="register_field" name="useremail" id="useremail" />
</div>
<div class="field_register">
  <h2>Password</h2>
<input type="password" class="register_field" name="userpassword" id="userpassword" />
</div>
<input type="submit" value="Login" class="button_reg" />
<a href="?page=register">SignUp Account</a>
<a href="javascript: showForm();">Forget Password ?</a>
</div>
<div id="textarea">
<h2>Any Heading</h2>
<p>Here will be the text following the above heading and also description. Here will be the text following the above heading.</p>
<h2>Any Heading</h2>
<p>Here will be the text following the above heading and also description. Here will be the text following the above heading.</p>
</div>
</form>
<p>
<?php
		if($bad)
		{
			echo '<span style="color:red">'.$bad.'</span>';
		}
		?>
</p>
</div>
<form name="form-forget" id="form-forget" method="post" action="?page=loginUser&sub=changePassword">
Email Address : <input type="text" name="forgetEmail" id="forgetEmail" />
<input type="submit" value="ChangePassword" name="changePassword1" id="changePassword1" />
</form>

</div>


<!-- Just to increase height automatically --><div id="height_increaser"></div>
</div>
<!-- RIGHT END -->

<!-- Just to increase height automatically --><div id="height_increaser"></div>

</div>
<!-- CONTENT END -->
<div id="content_end"></div>